<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Set</title>
</head>
<body>
    <h1>Set</h1>

    <script>
        // const arr = [1, 10, 20, 30, 40, 50]
        // const set = new Set([10, 20, 30, 40])

        // set.add(50)
        // set.delete(20)
        // set.has(30)
        // set.size
        // set.forEach(val => console.log(val)) // 没有 index

        // Set 元素是不能重复的（数组去重）

        // Set 是无序的（快）， arr 是有序的（慢）

        // arr 有多慢？
        const arr = []
        for (let i  = 0; i < 100 * 10000; i++) {
            arr.push(i)
        }
        // console.time('arr unshift')
        // arr.unshift('a')
        // console.timeEnd('arr unshift')
        // console.time('arr push')
        // arr.push('b')
        // console.timeEnd('arr push')
        console.time('arr find')
        arr.includes(500000)
        console.timeEnd('arr find')

        // set 有多快？
        const set = new Set()
        for (let i  = 0; i < 100 * 10000; i++) {
            set.add(i)
        }
        // console.time('set add')
        // set.add('a')
        // console.timeEnd('set add')
        console.time('set find')
        set.has(500000)
        console.timeEnd('set find')


    </script>
</body>
</html>